

.esriPopupMobile {
  position: absolute;
  z-index: 40;
  box-shadow: 0 0 0.75em #111; -moz-box-shadow: 0 0 0.75em #111; -webkit-box-shadow: 0 0 0.75em #111; -o-box-shadow: 0 0 0.75em #111;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
}

.esriMobilePopupNavigator {
  position:absolute;
  top:42px;
  overflow:hidden;
  width:100%;
  height:18px;
  background:#ddd;
  z-index:42;
  text-align:center;
  padding-bottom:3px;
}

.esriMobilePopupInfoView {
	display:none;
	position:absolute;
	top:42px;
	overflow:hidden;
	width:100%;
  height:100%;
	background:#fff;
	z-index:42;
	padding-bottom:30px;
	padding-left:2px;
	
	
}

.esriPopupMobile .hidden {
  display: none;
}

.esriPopupMobile .sizer {
  width: 260px;
}

.esriPopupMobile a[href] {
  color: #336699;
  text-decoration: underline;
}

.esriPopupMobile .titlePane {
	
  
	
  background: none repeat scroll 0 0 #0E3043;
  color: #FFFFFF;
  height:40px;
  padding-left: 35px;
  padding-right:35px;
  border-radius: 6px ; -moz-border-radius: 6px; -webkit-border-radius: 6px;
  cursor: default;
  border: 2px solid #fff;
}

.esriPopupMobile .titlePane .title {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden; 
	font-size:10pt;
  font-weight:bold;
  width:174x;
  line-height:18px;
  margin-top:3px;
}

.esriPopupMobile .titlePane .footer {
	font-size:9pt;
	font-style:italic;
	line-height:10px;
}

.esriPopupMobile .titlePane .spinner {
  
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  cursor: pointer; 
  
  background: url(../images/spinner.gif) no-repeat;
  
  width: 16px; height: 16px;
  background-position: 0px 0px;
}

.esriPopupMobile .titleButton {
  position: absolute; top: 2px;
  cursor: pointer; 
  
}

.esriPopupMobile .titleButton.close {
	top: 6px;
  left: 3px;
  
  width:32px;
  height:32px;
  
  background: url(../images/whitex.png) no-repeat;
}

.esriPopupMobile .titleButton.arrow {
	top: 6px;
  right: 3px;
  
  width:32px;
  height:32px;
 
  background: url(../images/whiter.png) no-repeat;
}

.esriPopupMobile .titleButton.prev {
  top: 26px;
	left:76px;
	width:18px;
	height:11px;
	
	 
  background: url(../images/leftlongarrow.png) no-repeat;
}

.esriPopupMobile .titleButton.next {
	top: 26px;
	right:76px;
	width:18px;
	height:11px;
	
	
  background: url(../images/rightlongarrow.png) no-repeat;
}

.esriPopupMobile .pointer {
  position: absolute;
}

.esriPopupMobile .pointer.top {
  left: 118px;
  top: -10px;
  width:24px;
  height:12px;
  margin-left: 0px;
  
  background: url(../images/pointertop.png) no-repeat;
}

.esriPopupMobile .pointer.bottom {
  left: 50%;
  bottom:-10px;
  width:24px;
  height:12px;
  margin-left: 0px;
  
  background: url(../images/pointerbottom.png) no-repeat;
}




.esriMobileNavigationBar {
  overflow:hidden;
  position:absolute;
  z-index:41;
  top:0px;
  
  background-color:#639BBC;
  background-image:-webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.25, rgb(10,77,106)),
  color-stop(0.82, rgb(99,155,188))
  );
  background-image:-moz-linear-gradient(
  center bottom,
  rgb(10,77,106) 25%,
  rgb(99,155,188) 82%
  );
  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#639BBC', endColorstr='#0A4D6A');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#639BBC', endColorstr='#0A4D6A')";

  width:100%;
  height:42px;	
  margin:0 auto;
  clear:both;
  font-family:Helvetica,Arial,sans-serif;
  display:block;
}

.esriMobileNavigationBar .esriMobileNavigationItem {
  display:block;
  margin-top:5px;
}

.esriMobileNavigationBar .esriMobileNavigationItem.left {
  width:32px;
  height:32px;
  float:left;
  position:absolute;
  left:0;
  top:0;
}

.esriMobileNavigationBar .esriMobileNavigationItem.right {
  width:32px;
  height:32px;
  float:right;
  position:absolute;
  right:0;
  top:0;
}

.esriMobileNavigationBar .esriMobileNavigationItem.right1 {
  width:32px;
  height:32px;
  float:right;
  position:absolute;
  right:36px;
  top:0;
}

.esriMobileNavigationBar .esriMobileNavigationItem.right1.hidden {
	display:none;
}

.esriMobileNavigationBar .esriMobileNavigationItem.right2 {
  width:32px;
  height:32px;
  float:right;
  position:absolute;
  right:74px;
  top:0;
}

.esriMobileNavigationBar .esriMobileNavigationItem.right2.hidden {
	display:none;
}

.esriMobileNavigationBar .esriMobileNavigationItem.center {
  display:block;
  color:white;
  font-size:16px;
  font-weight:600;
  margin:0.6em 32px 0.8em 32px;
  outline:0 none !important;
  overflow:hidden;
  padding:0;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;	
}

.esriMobileInfoView {
	
	position:absolute;
	top:42px;
	width:100%;
	background:#fff;
	display:none;
	z-index:42;
	opacity:1.0;
	overflow:hidden;
}

.esriMobileInfoViewPartial {
	
	border-bottom: 2px solid #333;
	position:absolute;
	overflow:hidden;
	
	top:42px;
	width:100%;
	height:90px;
	background:#fff;
	z-index:42;
	opacity:1.0;
	
}

.esriMobileInfoView .esriMobileInfoViewSection {
	margin: 6px;
	padding: 6px;
	border: solid 2px rgba(0,0,0,0.5);
	background-color: rgba(255,255,255,0.75);
	-webkit-border-radius: 10px;
	-webkit-box-sizing: border-box;
	
}

.esriMobileInfoViewPartial .esriMobileInfoViewSection {
	margin: 6px;
	padding: 6px;
	border: solid 2px rgba(0,0,0,0.5);
	background-color: rgba(255,255,255,0.75);
	-webkit-border-radius: 10px;
	-webkit-box-sizing: border-box;
	
}

.esriMobileInfoView .esriMobileInfoViewItem {
	margin: 0px;
	
	color: #000000;
}

.esriMobileInfoViewPartial .esriMobileInfoViewItem {
	margin: 0px;	
}

.esriMobileInfoView .esriMobileInfoViewItem .round {
	-webkit-border-radius: 10px;
	border: solid 1px #888;
	
	padding: 4px;
	margin: 2px;
	text-align: left;
	
	
	-webkit-box-shadow: 0 0 0 #888;
	overflow:hidden;
}

.esriMobileInfoViewPartial .esriMobileInfoViewItem .round {
	-webkit-border-radius: 10px;
	border: solid 1px #888;
	
	padding: 4px;
	margin: 2px;
	text-align: left;
	
	
	-webkit-box-shadow: 0 0 0 #888;
	overflow:hidden;
}


.esriMobileInfoViewItem .square {
	border-bottom: solid 1px #888;
	border-left: solid 1px #888;
	border-right: solid 1px #888;
	margin-left:5px;
	margin-right:5px;
	padding: 4px;
	text-align: left;
	overflow:hidden;
	position:relative;
}

.esriMobileInfoViewItem .square .leftDiv {
	font-size:12px;
	color:#024672;
	float:left;
	width:60px;
	margin-left:2px;
}

.esriMobileInfoViewItem .square .contentDiv {
	margin-top:12px;
	margin-left:50px;
	padding-right:2px;
	height:100%;
	text-overflow:ellipsis;
}

.esriMobileInfoViewItem .square .title {
	font-size:20px;
	font-weight:bold;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	color:#333;
}

.esriMobileInfoViewItem .square .desc {
	padding-right:32px;
	overflow:hidden;
  font-size:13px;
  color:#222;
	margin-left:2px;
	text-overflow:ellipsis;
}

.esriMobileInfoViewItem .square .arrow {
	position:absolute;
  top:16px;
	right:10px;
	width:32px;
	height:32px;
  
  background: url(../images/squarearrow.png) no-repeat;
}

.esriMobileInfoViewItem .square .thumbnail {
	float:left;
	margin-top:3px;
	margin-bottom:3px;
	width:48px;
	height:48px;
}

.esriMobileInfoViewItem .square.first {
	margin-top:10px;
	border-top: solid 1px #888;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

.esriMobileInfoViewItem .square.last {
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.esriMobileInfoView .esriMobileInfoViewItem .gallery {
    margin: 10px 10px 60px 12px;
}


